<script setup lang="ts">
import { ref } from "vue";
import { ConsultType } from "@/enum";
import ConsultList from "@/views/consultRecord/components/consultList/consultList.vue";

const active = ref<ConsultType>(2);

</script>

<template>
    <div class="consult">
        <nav-bar title="问诊记录" left-arrow left-text="返回" @click-left="$router.back()"></nav-bar>
        <van-tabs sticky v-model:active="active">
            <van-tab title="极速问诊" :name="ConsultType.Fast">
                <consult-list :type="active"></consult-list>
            </van-tab>
            <van-tab title="找医生" :name="ConsultType.Doctor">
                <consult-list :type="active"></consult-list>
            </van-tab>
            <van-tab title="开药问诊" :name="ConsultType.Medication">
                <consult-list :type="active"></consult-list>
            </van-tab>
        </van-tabs>
    </div>
</template>

<style scoped lang="scss">
.consult {
    background-color: var(--cp-bg);
    min-height: calc(100vh - 46px);
}
</style>
